<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>江西师范大学学校风采展示</title>
<link rel="stylesheet" href="css/style.css">
<base target="_blank">
</head>
<body>
<br /><br />
<div class="focus">
    <div class="focusbox">         
        <div class="focusimg">
        <ul class="fimglist clearfix">
            <li><a href="#"><img src="../学校照片/正门.jpg" title=""></a></li>
            <li><a href="#"><img src="../学校照片/正大坊.jpg" title=""></a></li>
            <li><a href="#"><img src="../学校照片/运动会.jpg" title=""></a></li>
            <li><a href="#"><img src="../学校照片/小杏林.jpg" title=""></a></li>
            <li><a href="#"><img src="../学校照片/唯一楼.jpg" title=""></a></li>
            <li><a href="#"><img src="../学校照片/图书馆3.jpg" title=""></a></li>
            <li><a href="#"><img src="../学校照片/图书馆2.jpg" title=""></a></li>
        </ul>
        </div> 
        <div class="focustool">
        <ul class="ftoollist clearfix">
            <li class="on"><a href=""><img src="../学校照片/图书馆.jpg"><p class="imgname">图书馆</p><p class="imgshortcat">师大学子的圣地</p></a></li>
            <li><a href="#"><img src="../学校照片/镜湖.jpg"><p class="imgname">师大镜湖</p><p class="imgshortcat">学子早读场所</p></a></li>
            <li><a href="#"><img src="../学校照片/侧门.jpg"><p class="imgname">师大二桥</p><p class="imgshortcat">208公交站台</p></a></li>
            <li><a href="#"><img src="../学校照片/唯一楼.jpg"><p class="imgname">唯义楼</p><p class="imgshortcat">主教学楼</p></a></li>
            <li><a href="#"><img src="../学校照片/小杏林.jpg"><p class="imgname">小杏林</p><p class="imgshortcat">学子晨跑场所</p></a></li>
            <li><a href="#"><img src="学校照片/全景.jpg"><p class="imgname">学校徽章</p><p class="imgshortcat">师大的象征</p></a></li>
            <li><a href="#"><img src="学校照片/白鹭会馆.jpg"><p class="imgname">白鹿会馆</p><p class="imgshortcat">校内宾馆</p></a></li>
        </ul>
        </div>
        <a href="javascript://" class="btn_pre" target="_self" style="display:none">上一页</a>
        <a href="javascript://" class="btn_next" target="_self" style="display:none">下一页</a>
    </div>
</div>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
	jQuery(document).ready(function($){
		$(".guidelist li").hover(
			function () {
				$(this).attr("class", "mouseon");
			  },
			  function () {
				$(this).attr("class", "mouseout");
			  }
		);
		$(".ftoollist li").mouseover(function(){
			$(this).siblings().removeClass("on");
			$(this).addClass("on");
			var preNumber=$(this).prevAll().size();
			$(".fimglist li").removeClass("onpre");
			$(".fimglist li:nth-child("+preNumber+")").addClass("onpre");
			var margin = 990;
			margin = margin *preNumber; 
			margin = margin * -1;
			$(".fimglist").stop().animate({marginLeft: margin + "px"}, {duration: 500});
		});
	});
</script>


<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>来源：<a href="http://www.baidu.com" target="_blank">百度搜索</a></p>

</div>

</body>
</html>